<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天猫列表页</title>
    <link rel="stylesheet" href="css/liststyle.css"/>
</head>
<body>
<div class="homepage">
    <!--头-->
    <header>
        <img src="listimg/tou.jpg" alt=""/>
    </header>
    <!--导航-->
    <nav>
        <div class="center">
            <div class="navleft">
                <ul>
                    <li>
                        <img src="listimg/a1.gif" alt=""/>
                        <a href="">天猫首页</a>
                    </li>
                    <li><span>喵，欢迎来天猫</span></li>
                    <li><a href="">请登录</a></li>
                    <li><a href="">免费注册</a></li>
                </ul>
            </div>
            <div class="navright">
                <ul>
                    <li class="rotate">
                        <div class="buy-fir">
                            <a href="">我的淘宝</a>
                            <img src="listimg/a6.gif" alt="" class="roimg"/>
                        </div>
                        <div class="buy-sec"  style="display: none">
                            <p><a href="">已买到的宝贝</a></p>
                            <p><a href="">已买到的宝贝</a></p>
                        </div>
                    </li>
                    <li>
                        <img src="listimg/a2.gif" alt=""/>
                        <a href="">我关注的品牌</a>
                    </li>
                    <li>
                        <img src="listimg/a3.gif" alt=""/>
                        <a href="">购物车0件</a>
                    </li>
                    <li class="rotate">
                        <div class="collect-fir">
                            <a href="">收藏夹</a>
                            <img src="listimg/a6.gif" alt="" class="roimg"/>
                        </div>
                        <div class="collect-sec"  style="display: none">
                            <p><a href="">收藏的宝贝</a></p>
                            <p><a href="">收藏的店铺</a></p>
                        </div>
                    </li>
                    <li>
                        <span>|</span>
                    </li>
                    <li>
                        <div class="phone-fir">
                            <img src="listimg/a4.gif" alt=""/>
                            <a href="">手机版</a>
                        </div>
                        <div class="phone-sec"  style="display: none">
                            <img src="listimg/b3.jpg" alt=""/>
                        </div>
                    </li>
                    <li>
                        <a href="">淘宝网</a>
                    </li>
                    <li>
                        <a href="">企业购</a>
                    </li>
                    <li class="rotate">
                        <div class="support-fir">
                            <a href="">商家支持</a>
                            <img src="listimg/a6.gif" alt="" class="roimg"/>
                        </div>
                        <div class="support-sec"  style="display: none">
                           <div class="support-sec-t">
                               <p>商家：</p>
                               <span><a href="">商家中心</a></span>
                               <span style="padding-right: 0px"><a href="">商家入驻</a></span>
                               <span><a href="">运营服务</a></span>
                               <span style="padding-right: 0px"><a href="">商家品控</a></span>
                               <span><a href="">商家工具</a></span>
                               <span style="padding-right: 0px"><a href="">商家规则</a></span>
                               <span><a href="">天猫智库</a></span>
                               <span style="padding-right: 0px"><a href="">喵言喵语</a></span>
                           </div>
                               <p>帮助:</p>
                               <span><a href="">帮助中心</a></span>
                        </div>
                    </li>
                    <li class="rotate" style="margin-right: 0px">
                        <div class="nav-fir">
                            <img src="listimg/a5.gif" alt="" id="wang"/>
                            <a href="">网站导航</a>
                            <img src="listimg/a6.gif" alt="" class="roimg"/>
                        </div>
                        <div class="nav-sec" style="display: none">
                            <div class="nav-sec-a" style="border-right: 1px solid #F5F5F5">
                                <h4>热点推荐Hot</h4>
                                <ul>
                                    <li><a href="">天猫超市</a></li>
                                    <li><a href="">酷玩街</a></li>
                                    <li class="page b3">
                                        <a href="">时尚先生</a>
                                        <span><img src="listimg/b2.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">会员积分</a></li>
                                </ul>
                                <ul>
                                    <li><a href="">喵鲜生</a></li>
                                    <li class="page b4">
                                        <a href="">内衣新品</a>
                                        <span><img src="listimg/b2.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">精明妈咪</a></li>
                                    <li><a href="">天猫国际</a></li>
                                </ul>
                                <ul>
                                    <li class="page b1">
                                        <a href="">科技新品</a>
                                        <span><img src="listimg/b2.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">试美妆</a></li>
                                    <li><a href="">吃乐会</a></li>
                                </ul>
                                <ul>
                                    <li class="page b2">
                                        <a href="">女装新品</a>
                                        <span><img src="listimg/b1.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">运动新品</a></li>
                                    <li><a href="">企业采购</a></li>
                                </ul>
                            </div>
                            <div class="nav-sec-b" style="border-right: 1px solid #F5F5F5">
                                <h4>行业市场Market</h4>
                                <ul>
                                    <li><a href="">美妆</a></li>
                                    <li><a href="">女鞋</a></li>
                                    <li><a href="">运动</a></li>
                                    <li><a href="">食品</a></li>
                                </ul>
                                <ul>
                                    <li><a href="">电器</a></li>
                                    <li><a href="">男鞋</a></li>
                                    <li><a href="">母婴</a></li>
                                    <li class="page b4">
                                        <a href="">配饰</a>
                                        <span><img src="listimg/b2.jpg" alt=""/></span>
                                    </li>
                                </ul>
                                <ul>
                                    <li class="page b1">
                                        <a href="">女装</a>
                                        <span><img src="listimg/b1.jpg" alt=""/></span>
                                    </li>
                                    <li class="page b3">
                                        <a href="">内衣</a>
                                        <span><img src="listimg/b1.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">家装</a></li>
                                    <li><a href="">汽车</a></li>
                                </ul>
                                <ul style="margin-right: 0px;">
                                    <li class="page b2">
                                        <a href="">男装</a>
                                        <span><img src="listimg/b1.jpg" alt=""/></span>
                                    </li>
                                    <li><a href="">箱包</a></li>
                                    <li><a href="">医药</a></li>
                                </ul>
                            </div>
                            <div class="nav-sec-c" style="border-right: 1px solid #F5F5F5">
                                <h4>品牌风尚Brand</h4>
                                <ul>
                                    <li><a href="">尚天猫</a></li>
                                    <li><a href="">潮牌街</a></li>
                                    <li><a href="">什么牌子好</a></li>
                                </ul>
                                <ul style="margin-right: 0px;">
                                    <li><a href="">大牌街</a></li>
                                    <li><a href="">天猫原创</a></li>
                                </ul>
                            </div>
                            <div class="nav-sec-d" style=" border: none;">
                                <h4>服务指南Help</h4>
                                <ul>
                                    <li><a href="">帮助中心 </a></li>
                                    <li><a href="">潮牌街</a></li>
                                    <li><a href="">特色服务</a></li>
                                    <li><a href="">7天退换货</a></li>
                                </ul>
                            </div>
            </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <!--搜索框-->
    <div class="search">
        <div class="center search-center">
            <div class="search-l"></div>
            <div class="search-c">
                <div class="search-c-t">
                    <div id="keykey">
                        <input type="text" placeholder="  打底就要高领毛衣" />
                        <button>搜索</button>
                    </div>
                    <div id="keyword">
                        <ul>
                            <li>  高领毛衣</li>
                            <li>  毛呢外套</li>
                            <li>  白鸭绒羽绒服</li>
                            <li>  阔腿裤</li>
                            <li>  靴子</li>
                            <li>  高跟鞋</li>
                            <li>  高领毛衣</li>
                            <li>  毛呢外套</li>
                            <li>  白鸭绒羽绒服</li>
                            <li>  阔腿裤</li>
                            <li>  靴子</li>
                            <li>  高跟鞋</li>
                        </ul>
                    </div>
                </div>
                <div class="search-c-b">
                    <ul>
                        <li><a href="">女装秋装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">太平鸟女装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">韩都衣舍女装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">优衣库女装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">时尚女装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">欧美女装</a></li>
                        <li><span>|</span></li>
                        <li><a href="">秋季女装上衣</a></li>
                    </ul>
                </div>
            </div>
            <div class="search-r">
                <img src="listimg/c2.gif" alt=""/>
            </div>
        </div>
    </div>

    <!--挑选品牌-->
    <div class="pick center">
        <div class="pickl">
            <ul>
                <li>
                    <a href="">首页</a>
                    <i class="arrow"> > </i>
                </li>
                <li>
                    <a href="">品牌女装</a>
                    <i class="arrow"> > </i>
                </li>
                <li>
                    <a href="">年份季节:2016年冬季</a>
                    <span>×</span>
                </li>
                <li><i class="arrow"> > </i></li>
                <li>
                    <form action="" id="searchform">
                        <label class="crumbSearch-label" for="searchinuput">
                            <input type="text" value=" 搜索关键字" class="scearch-input" id="searchinuput"/>
                        </label>
                        <img src="listimg/d1.jpg" alt="" class="changebig"/>
                    </form>
                </li>
                <li><img src="listimg/d2.gif" alt=""/></li>
            </ul>
        </div>
        <p class="pickr">共<span> 745876</span>件相关商品</p>
    </div>
    <!--精确查询-->
    <div class="choose center">
        <!--品牌-->
            <dl class="choosedl" id="choose-a">
                <dt><a href="#">品牌</a></dt>
                <dd class="choosedd">
                    <div class="brandfir">
                        <span>
                            <img src="listimg/brand1.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand2.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand3.png" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                     <span>
                            <img src="listimg/brand4.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand5.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand1.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand7.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand8.jpg"class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand9.png"class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                         <span>
                            <img src="listimg/brand1.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand2.jpg"class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand3.png" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                     <span>
                            <img src="listimg/brand4.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand5.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand1.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand7.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand8.jpg" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                        <span>
                            <img src="listimg/brand9.png" class="chooseImg"/>
                            <a href="" class="chooseddA">ONLY</a>
                        </span>
                    </div>
                    <div class="brandsec">
                        <div class="brand-serch">
                            <img src="listimg/fangda.jpg" alt=""/>
                            <input id="inp" type="text" placeholder=" 搜索品牌名称"/>
                        </div>
                        <div class="brand-content">
                            <!--内容图标  左-->
                           <div id="maincontent">
                                <span>
                                    <img src="listimg/brand1.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand2.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand3.png" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand4.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand5.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand1.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand7.jpg" class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand8.jpg"class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>
                                <span>
                                    <img src="listimg/brand9.png"class="chooseImg"/>
                                    <img src="listimg/cuo1.jpg" alt="" class="cuored"/>
                                    <img src="listimg/cuo2.jpg" alt="" class="cuogreen"/>
                                </span>

                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>

                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>

                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>

                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>

                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>

                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>

                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>

                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>

                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand2.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand3.png" class="chooseImg"/></span>
                               <span><img src="listimg/brand4.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand5.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand1.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand7.jpg" class="chooseImg"/></span>
                               <span><img src="listimg/brand8.jpg"class="chooseImg"/></span>
                               <span><img src="listimg/brand9.png"class="chooseImg"/></span>

                               <span><a href="">ONLYVero</a></span>
                               <span><a href="">ModaZARALa</a></span>
                               <span><a href="">拉夏贝尔</a></span>
                               <span><a href="">韩都衣舍</a></span>
                               <span><a href="">Ochirly</a></span>
                               <span><a href="">裂帛</a></span>
                               <span><a href="">Five Plus</a></span>
                               <span><a href="">音儿</a></span>
                               <span><a href="">摩安珂</a></span>

                               <span><a href="">摩安珂</a></span>
                               <span><a href="">Ochirly</a></span>
                               <span><a href="">裂帛</a></span>
                               <span><a href="">Five Plus</a></span>
                               <span><a href="">音儿</a></span>
                               <span><a href="">ONLYVero</a></span>
                               <span><a href="">ModaZARALa</a></span>
                               <span><a href="">拉夏贝尔</a></span>
                               <span><a href="">韩都衣舍</a></span>

                           </div>
                        </div>
                        <div class="brand-btn">
                            <button class="bra-btn1">确定</button>
                            <p class="btnmarker"></p>
                            <button  class="bra-btn2">取消</button >
                        </div>
                    </div>
                </dd>
                <dd class="biaozhu">
                    <div class="biaozhu-a">
                        <span>+</span>多选
                    </div>
                    <div class="biaozhu-b">
                        <p id="biaozhu-p1">更多<span>∨</span></p>
                    </div>
                </dd>
            </dl>
            <div style="clear: both"></div>
        <!--选购热点-->
        <dl class="choosedl" id="choose-b">
            <dt>
                <a href="">选购热点</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
            </dd>
        </dl>
        <!--当季流行-->
        <dl class="choosedl" id="choose-c">
            <dt>
                <span><img src="listimg/e17.jpg" alt=""/></span>
                <a href="" style="margin: 9px 0px 0px 0px;">当季流行</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
            </dd>
        </dl>
        <!--裙装-->
        <dl class="choosedl" id="choose-d">
            <dt>
                <span><img src="listimg/e17.jpg" alt=""/></span>
                <a href="" style="margin: 9px 0px 0px 0px;">裙装</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
            </dd>
        </dl>
        <!--上装-->
        <dl class="choosedl" id="choose-e">
            <dt>
                <span><img src="listimg/e17.jpg" alt=""/></span>
                <a href="" style="margin: 9px 0px 0px 0px;">上装</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
            </dd>
        </dl>
        <!-- 裤装-->
        <dl class="choosedl" id="choose-f">
            <dt>
                <span><img src="listimg/e17.jpg" alt=""/></span>
                <a href="" style="margin: 9px 0px 0px 0px;">裤装</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
            </dd>
        </dl>
        <!-- 特色服装-->
        <dl class="choosedl" id="choose-g">
            <dt style="margin: -18px 0px 0px 0px">
                <span><img src="listimg/e17.jpg" alt=""/></span>
                <a href="" style="margin: 9px 0px 0px 0px;">特色服装</a>
            </dt>
            <dd class="word" style="margin: -18px 0px 0px 40px">
                        <span>
                            <a href="">羽绒</a>
                            <a href="">帽衫</a>
                            <a href="">学院风</a>
                            <a href="">修身显瘦</a>
                            <a href="">加绒</a>
                            <a href="">羊毛呢</a>
                            <a href="">牛仔</a>
                            <a href="">高腰</a>
                            <a href="">加厚保暖</a>
                            <a href="">小香风</a>
                            <a href="">拼接撞色</a>
                        </span>
                        <span>
                            <a href="">印花</a>
                            <a href="">端庄大气</a>
                            <a href="">气质淑女</a>
                            <a href="">加肥加大</a>
                            <a href="">气质优雅</a>
                            <a href="">打底</a>
                            <a href="">高领</a>
                            <a href="">民族风</a>
                        </span>
            </dd>
        </dl>
        <!--尺寸-->
        <dl class="choosedl" id="choose-h">
            <dt>
                <a href="">尺寸</a>
            </dt>
            <dd class="word">
                        <span>
                            <a href="">L</a>
                            <a href="">M</a>
                            <a href="">XL</a>
                            <a href="">S</a>
                            <a href="">XXL</a>
                            <a href="">XXXL</a>
                            <a href="">2XL</a>
                            <a href="">3XL</a>
                            <a href="">XS</a>
                            <a href="">28</a>
                            <a href="">29</a>
                            <a href="">30</a>
                            <a href="">4XL</a>
                        </span>
            </dd>
        </dl>
    </div>
    <!--综合人气-->
    <div class="searchmore center">
        <div class="searchmore-sort">
            <ul>
                <li><a href="#">综合 <span></span></a></li>
                <li><a href="#">人气 <span></span></a></li>
                <li><a href="#">新品 <span></span></a></li>
                <li><a href="#">销量 <span></span></a></li>
                <li><a href="#">价格 <p><i class="up"></i><i id="down"></i></p></a></li>
            </ul>
        </div>
        <div class="city">
            <span>收货地</span>
            <span>北京<i></i></span>
            <div class="choosecity">
                <div>选择收货城市</div>
                <ul>
                    <li>北京</li>
                    <li>天津</li>
                    <li>上海</li>
                    <li>重庆</li>
                    <li>河北</li>
                    <li>山西</li>
                    <li>内蒙古</li>
                    <li>辽宁</li>
                    <li>吉林</li>
                    <li>黑龙江</li>
                    <li>江苏</li>
                    <li>浙江</li>
                    <li>安徽</li>
                    <li>福建</li>
                    <li>江西</li>
                    <li>山东</li>
                    <li>河南</li>
                    <li>湖北</li>
                    <li>湖南</li>
                    <li>广东</li>
                    <li>广西</li>
                    <li>海南</li>
                    <li>贵州</li>
                    <li>云南</li>
                    <li>西藏</li>
                    <li>陕西</li>
                    <li>甘肃</li>
                    <li>青海</li>
                    <li>宁夏</li>
                    <li>新疆</li>
                    <li>台湾</li>
                    <li>台湾</li>
                    <li>香港</li>
                    <li>澳门</li>
                </ul>
            </div>
        </div>
        <div class="searchmore-money">
            <span><input type="text" placeholder="¥ 请输入价格"/></span>
            <span>-</span>
            <span><input type="text" placeholder="¥ 请输入价格"/></span>
            <div class="sure">
                <button>清空</button>
                <button>确定</button>
            </div>
        </div>
        <div class="searchmore-new">
            <span><input type="checkbox"/>新到商品</span>
            <span><input type="checkbox"/>包邮</span>
            <span><input type="checkbox"/>折扣</span>
            <span>
                <em>更多</em>
                <i></i>
               <div>
                   <ul>
                       <li><input type="checkbox"/>包邮</li>
                       <li><input type="checkbox"/>折扣</li>
                       <li><input type="checkbox"/>细节实拍</li>
                       <li><input type="checkbox"/>搭配减价</li>
                       <li><input type="checkbox"/>满就减</li>
                       <li><input type="checkbox"/>货到付款</li>
                   </ul>
               </div>
            </span>
        </div>
        <div class="searchmore-list">
            <ul>
                <li><a href="#"><span></span>店铺</a></li>
                <li><a href="#"><span></span>大图</a></li>
                <li><a href="#"><span></span>小图</a></li>
            </ul>
        </div>
        <div class="searchmore-page">
            <span>1/100</span>
            <a href="#"><span><</span></a>
            <a href="#"><span>></span></a>
        </div>
    </div>
    <!--主要内容-->
    <div class="mainbrand center">
        <ul class="one">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand1.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="two">
            <div>
            <li class="bigpage">
                <img src="listimg/mainbrand3.jpg" alt=""/>
            </li>
            <li class="smallpage">
                <img src="listimg/mainbrand2.jpg" alt=""/>
            </li>
            <li class="money">
                <p><span>¥</span>2188.00</p>
                <img src="listimg/new.png" alt="" class="new"/>
            </li>
            <li class="titlebrand">
                <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
            </li>
            <li class="shopname">
                <a href="">cocoon官方旗舰店</a>
            </li>
            <li class="brandelse">
                <span>月成交<em>2笔</em></span>
                <span> 评价 <em>0</em></span>
                <span><img src="listimg/wang.png" alt=""/></span>
            </li>
            </div>
        </ul>
        <ul class="three">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand4.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="four">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand5.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="five">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand6.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="one">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand1.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="two">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand3.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="three">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand4.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="four">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand5.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="five">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand6.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="one">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand1.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="two">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand5.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="three">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand3.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="four">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand4.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="five">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand6.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="one">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand1.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="two">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand3.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="three">
            <div>
                <li class="bigpage">
                    <img src="listimg/mainbrand4.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="four">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand5.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
        <ul class="five">
            <div>
                <li class="bigpage">
                    <img src="listimg/mianbrand6.jpg" alt=""/>
                </li>
                <li class="smallpage">
                    <img src="listimg/mainbrand2.jpg" alt=""/>
                </li>
                <li class="money">
                    <p><span>¥</span>2188.00</p>
                    <img src="listimg/new.png" alt="" class="new"/>
                </li>
                <li class="titlebrand">
                    <a href="#">可可尼2016冬商场同款简约阔脚裤九分</a>
                </li>
                <li class="shopname">
                    <a href="">cocoon官方旗舰店</a>
                </li>
                <li class="brandelse">
                    <span>月成交<em>2笔</em></span>
                    <span> 评价 <em>0</em></span>
                    <span><img src="listimg/wang.png" alt=""/></span>
                </li>
            </div>
        </ul>
    </div>
    <!--分页-->
    <div class="pagenum">
        <ul>
            <li id="prepage"><< 上一页</li>
            <li>1</li>
            <li>2</li>
            <li style="border-right: 1px solid #E5E5E5;">3</li>
            <li id="ignore"> ... </li>
            <li id="nextpage">下一页 >>
                <img src="listimg/addqw.jpg" alt=""/>
            </li>
            <div id="pagebtn">
                <span>共100页，到第
                    <i>1</i>
                    页
                </span>
                <button>确定</button>
            </div>
        </ul>
    </div>
    <!---->
    <!---->
    <!--翻转页-->
    <div id="fzy">
        <ul class="fzy_a">
            <li id="left">
                <div class="fzyy">
                    <img src="img/fzy1.jpg" alt=""/>
                    <span><img src="img/zj.png" alt=""/></span>
                    <p class="fzy_a1">杭依阁</p>
                    <p class="fzy_a2">杭依阁短外套</p>
                    <p class="fzy_a3">韩版时尚短款外套</p>
                </div>
                <div class="fzzy">
                    <img src="img/fzy2.jpg" alt=""/>
                    <p class="fzy_a6"></p>
                    <p class="fzy_a4">伊芙心悦</p>
                    <p class="fzy_a5">寒冬的温暖</p>
                </div>
            </li>
            <li>
                <div class="fzzy">
                    <img src="img/fzy4.jpg" alt=""/>
                    <p class="fzy_a6"></p>
                    <p class="fzy_a4">伊芙心悦</p>
                    <p class="fzy_a5">寒冬的温暖</p>
                </div>
                <div class="fzyy">
                    <img src="img/fzy3.jpg" alt=""/>
                    <span><img src="img/zj.png" alt=""/></span>
                    <p class="fzy_a1">杭依阁</p>
                    <p class="fzy_a2">杭依阁短外套</p>
                    <p class="fzy_a3">韩版时尚短款外套</p>
                </div>
            </li>
            <li>
                <div class="fzyy">
                    <img src="img/fzy5.jpg" alt=""/>
                    <span><img src="img/zj.png" alt=""/></span>
                    <p class="fzy_a1">杭依阁</p>
                    <p class="fzy_a2">杭依阁短外套</p>
                    <p class="fzy_a3">韩版时尚短款外套</p>
                </div>
                <div class="fzzy">
                    <img src="img/fzy6.jpg" alt=""/>
                    <p class="fzy_a6"></p>
                    <p class="fzy_a4">伊芙心悦</p>
                    <p class="fzy_a5">寒冬的温暖</p>
                </div>
            </li>
            <li>
                <div class="fzzy">
                    <img src="img/fzy8.jpg" alt=""/>
                    <p class="fzy_a6"></p>
                    <p class="fzy_a4">伊芙心悦</p>
                    <p class="fzy_a5">寒冬的温暖</p>
                </div>
                <div class="fzyy">
                    <img src="img/fzy7.jpg" alt=""/>
                    <span><img src="img/zj.png" alt=""/></span>
                    <p class="fzy_a1">杭依阁</p>
                    <p class="fzy_a2">杭依阁短外套</p>
                    <p class="fzy_a3">韩版时尚短款外套</p>
                </div>
            </li>
            <li>
                <div class="fzyy">
                    <img src="img/fzy9.jpg" alt=""/>
                    <span><img src="img/zj.png" alt=""/></span>
                    <p class="fzy_a1">杭依阁</p>
                    <p class="fzy_a2">杭依阁短外套</p>
                    <p class="fzy_a3">韩版时尚短款外套</p>
                </div>
                <div class="fzzy">
                    <img src="img/fzy10.jpg" alt=""/>
                    <p class="fzy_a6"></p>
                    <p class="fzy_a4">伊芙心悦</p>
                    <p class="fzy_a5">寒冬的温暖</p>
                </div>
            </li>
        </ul>
        <ol>
            <li class="fzyc"></li>
            <li></li>
        </ol>
        <p>逛<span>。</span>发现 <img src="img/w1.png" alt=""/></p>
    </div>
    <ul id="lb">
        <li style="border: none">您是不是想找</li>
        <li><a href="#">女装秋装</a></li>
        <li><a href="#">太平鸟女装</a></li>
        <li><a href="#">韩都衣舍女装</a> </li>
        <li><a href="#">优衣库女装</a></li>
        <li><a href="#">时尚女装</a></li>
        <li><a href="#">欧美女装</a></li>
        <li><a href="#">秋季女装上衣</a></li>
        <li><a href="#">衣品天成女装</a></li>
    </ul>
    <div id="cone">
        <h3>掌柜热卖</h3>
        <h4><i><img src="img/gg.png" alt=""/></i>更多热卖></h4>
        <ul>
            <li class="cone_1">
                <div>
                    <img src="img/con1.webp.jpg" alt=""/>
                    <p>
                        <span style="color: red;font-size: 14px;font-weight: bold">￥299.00</span>
                        <span style="color: #C2A599 ;text-decoration: line-through">￥459.00</span>
                        <span style="margin-left: 15px;color: #505050">月成交</span>
                        <span style="color: #B57C5B">47笔</span>
                    </p>
                    <p><a href="#" style="color: #505050">工装直筒背带牛仔连衣裙05 g08</a></p>
                    <p><a href="#" style="color: #BFADB4;text-decoration: underline">topshop旗舰店</a></p>
                </div>
            </li>
            <li class="cone_1">
                <div>
                    <img src="img/con2.webp.jpg" alt=""/>
                    <p>
                        <span style="color: red;font-size: 14px;font-weight: bold">￥299.00</span>
                        <span style="color: #C2A599 ;text-decoration: line-through">￥459.00</span>
                        <span style="margin-left: 15px;color: #505050">月成交</span>
                        <span style="color: #B57C5B">47笔</span>
                    </p>
                    <p><a href="#" style="color: #505050">工装直筒背带牛仔连衣裙05 g08</a></p>
                    <p><a href="#" style="color: #BFADB4;text-decoration: underline">topshop旗舰店</a></p>
                </div>
            </li>
            <li class="cone_1">
                <div>
                    <img src="img/con3.webp.jpg" alt=""/>
                    <p>
                        <span style="color: red;font-size: 14px;font-weight: bold">￥299.00</span>
                        <span style="color: #C2A599 ;text-decoration: line-through">￥459.00</span>
                        <span style="margin-left: 15px;color: #505050">月成交</span>
                        <span style="color: #B57C5B">47笔</span>
                    </p>
                    <p><a href="#" style="color: #505050">工装直筒背带牛仔连衣裙05 g08</a></p>
                    <p><a href="#" style="color: #BFADB4;text-decoration: underline">topshop旗舰店</a></p>
                </div>
            </li>
            <li class="cone_1">
                <div>
                    <img src="img/con4.webp.jpg" alt=""/>
                    <p>
                        <span style="color: red;font-size: 14px;font-weight: bold">￥299.00</span>
                        <span style="color: #C2A599 ;text-decoration: line-through">￥459.00</span>
                        <span style="margin-left: 15px;color: #505050">月成交</span>
                        <span style="color: #B57C5B">47笔</span>
                    </p>
                    <p><a href="#" style="color: #505050">工装直筒背带牛仔连衣裙05 g08</a></p>
                    <p><a href="#" style="color: #BFADB4;text-decoration: underline">topshop旗舰店</a></p>
                </div>
            </li>
            <li class="cone_1">
                <div>
                    <img src="img/con5.webp.jpg" alt=""/>
                    <p>
                        <span style="color: red;font-size: 14px;font-weight: bold">￥299.00</span>
                        <span style="color: #C2A599 ;text-decoration: line-through">￥459.00</span>
                        <span style="margin-left: 15px;color: #505050">月成交</span>
                        <span style="color: #B57C5B">47笔</span>
                    </p>
                    <p><a href="#" style="color: #505050">工装直筒背带牛仔连衣裙05 g08</a></p>
                    <p><a href="#" style="color: #BFADB4;text-decoration: underline">topshop旗舰店</a></p>
                </div>
            </li>
        </ul>
    </div>
    <div style="clear: both"></div>
    <div id="inputs">
        <p>
            <input type="text" placeholder="圣诞好礼提前购"/><span>搜索</span>
        </p>
    </div>
    <div id="zj">
        <i><img src="img/ssss.png" alt=""/></i>
        <p>喵~在此反馈您的意见和建议吧，<a href="#">立刻反馈</a></p>
    </div>
    <!--尾-->
    <footer>
        <div class="footer">
            <div class="footer_1"></div>
            <div class="footer_2">
                <ul>
                    <p>购物指南</p>
                    <li><a href="">免费注册</a></li>
                    <li><a href="">开通支付宝</a></li>
                    <li><a href="">支付宝充值</a></li>
                </ul>
                <ul>
                    <p>天猫保障</p>
                    <li><a href="">发票保障</a></li>
                    <li><a href="">售后规则</a></li>
                    <li><a href="">缺货赔付 </a></li>
                </ul>
                <ul>
                    <p>支付方式</p>
                    <li><a href="">快捷支付</a></li>
                    <li><a href="">信用卡</a></li>
                    <li><a href="">余额宝</a></li>
                    <li><a href="">蚂蚁花贝</a></li>
                    <li><a href="">货到付款</a></li>
                </ul>
                <ul>
                    <p>商家服务</p>
                    <li><a href="">商家入驻</a></li>
                    <li><a href="">商家中心</a></li>
                    <li><a href="">天猫智库</a></li>
                    <li><a href="">天猫规则</a></li>
                    <li><a href="">物流服务</a></li>
                    <li><a href="">喵言喵语</a></li>
                    <li><a href="">运营服务</a></li>
                </ul>
                <ul>

                    <li>
                        <p>手机天猫</p>
                        <img src="img/wx1.png" alt=""/>
                    </li>
                </ul>
            </div>

            <div class="footer_3">
                <div class="div"><img src="img/9da5b1406759e0a435ac678137a6ddc1_9k=.jpg" alt=""/></div>
                <ul>
                    <li><a href="">关于天猫</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li><a href="">开放平台</a></li>
                    <li><a href="">诚聘英才</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">网站合作</a></li>
                    <li><a href="">法律声明</a></li>
                    <li><a href="">知识产权</a></li>
                    <li><a href="">康征举报</a></li>
                    <li><a href="">规则意见征集</a></li>
                </ul>
                <ul>
                    <li><a href="">阿里巴巴集团</a></li>
                    <li><a href="">淘宝网</a></li>
                    <li><a href="">天猫网</a></li>
                    <li><a href="">聚划算</a></li>
                    <li><a href="">全球速卖通</a></li>
                    <li><a href="">阿里巴巴国际市场</a></li>
                    <li><a href="">168</a></li>
                    <li><a href="">阿里妈妈吗</a></li>
                    <li><a href="">飞猪</a></li>
                    <li><a href="">阿里云计算</a></li>
                    <li><a href="">YunOS</a></li>
                    <li><a href="">阿里通讯</a></li>
                    <li><a href="">万网</a></li>
                    <li><a href="">高德</a></li>
                    <li><a href="">uc</a></li>
                    <li><a href="">友盟</a></li>
                    <li><a href="">虾米</a></li>
                    <li><a href="">阿里星球</a></li>
                    <li><a href="">来往</a></li>
                    <li><a href="">钉钉</a></li>
                    <li><a href="">支付宝</a></li>
                </ul>

                <ol>

                    <li><a href="">增值电信业务经营许可证：浙B2-20110446</a></li>
                    <li><a href="">网络文化经营许可证：浙网文[2015]0295-025号</a></li>
                    <li><a href="">互联网药品交易服务资格证书 国A20150001</a></li>
                </ol>
                <div class="cc"></div>
                <div class="footer_4">
                    <p>互联网药品信息服务资质证书编号：浙-（经营性）-2012-0005</p>
                    <p>© 2003-2016 TMALL.COM 版权所有</p>
                </div>
                <div class="footer_5">
                    <ul>
                        <li><img src="img/2016-12-13_194523.png" alt=""/> </li>
                        <li><img src="img/2Q==.jpg" alt=""/></li>
                    </ul>

                </div>
            </div>
        </div>
    </footer>
</div>




















































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































































</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/listjs.js"></script>
</html>